<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jquery css3动态背景用户登录界面演示_大头网</title>
<link rel="stylesheet" type="text/css" href="./View/login/css/styles.css">
<style>
	#self{
		width: 250px;
		margin:0 auto;
		text-align:left;
		margin-bottom: 10px;
	}

	#self input{
		-webkit-appearance: checkbox;
		float: left;
		width: 17px;
		margin-top: 5px;
	}

	#code{
		width: 250px;
		margin:0 auto;
		overflow: hidden;
	}

	#code input{
		width: 145px;
		float: left;
	}

</style>
</head>
<body>
<!-- 代码 开始 -->
<div class="wrapper">
	<div class="container">
		<h1>欢迎登陆</h1>
		
		<form class="form" action="index.php?c=login&m=doLogin" method="post">
			<input type="text" placeholder="用户名" name="userid" maxlength="11">
			<input type="password" placeholder="密码" name="password">
			<div id="code">
				<input type="text" name="code"> 
				<img src="../Public/code.php" onclick="this.src=this.src">
			</div>
			<div id="self">
				<label><input type="checkbox" name="status" id="self"> 记住密码 </label>
			</div>
			<input type="submit" id="login-button" value="登录">
		</form>
	</div>
	
	<ul class="bg-bubbles">
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</div>

<script src="./V/login/js/jquery-2.1.1.min.js" type="text/javascript"></script>
<!-- 代码 结束 -->
</div>

</body>
</html>